<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>订单收款</title>
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/base.css" />
		<link rel="stylesheet" type="text/css" href="../../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../../css/caiwu/cash.css" />
		<script type="text/javascript" src="../../js/jquery-2.1.3.min.js"></script>
		<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
		<script type="text/javascript" src="../../js/loadHtml.js"></script>
	</head>
	<body>
		<div class="wrapper clearfix">
			<div class="sideBar"></div>
			<div class="main">
				<div class="zixunTop">
					<h1 class="title">订单收款</h1>
					<div class="choose">
						<div class="chooseLeft">
							<input type="text" placeholder="请输入医生名称" class="inputSize" />
							<select class="selectSize"> 
								<option value="选择科室">选择科室</option>
							</select>
							<select class="selectSize selectTwo"> 
								<option value="选择类别">选择类别</option>
							</select>
							<button class="btn1">
								搜索
							</button>
						</div>
					</div>
				</div>
				<div class="tableMain">
					<div class="cashTop">
						<h1>账户总收入（万元）:<span>1000.00</span></h1>
						<p>每月10号及以后可解冻提现当前上月账户余额需要您点击申请提现</p>
						<div class="cashBtn">
							<button class="btnAdd">提现</button>
							<button>提现记录</button>
							<button>导出excel</button>
						</div>
					</div>
					<table class="table table-striped">
					<thead>
						<tr>
							<th>
								<input type="checkbox" class="checkBtn" />
							</th>
							<th>医生姓名</th>
							<th>科室</th>
							<th>类别</th>
							<th>挂号数</th>
							<th>挂号总额<span>(元)</span></th>
							<th>已接问诊数</th>
							<th>问诊总额<span>(元)</span></th>
							<th>账户总额<span>(元)</span></th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>
								<input type="checkbox" class="checkAll" />
							</td>
							<td>张丽</td>
							<td>内科</td>
							<td>专家</td>
							<td>80</td>
							<td>80</td>
							<td>80</td>
							<td>1200</td>
							<td>3200</td>
							<td class="last">
								<div>
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox" class="checkAll" />
							</td>
							<td>张丽</td>
							<td>内科</td>
							<td>专家</td>
							<td>80</td>
							<td>80</td>
							<td>80</td>
							<td>1200</td>
							<td>3200</td>
							<td class="last">
								<div>
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox" class="checkAll" />
							</td>
							<td>张丽</td>
							<td>内科</td>
							<td>专家</td>
							<td>80</td>
							<td>80</td>
							<td>80</td>
							<td>1200</td>
							<td>3200</td>
							<td class="last">
								<div>
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox" class="checkAll" />
							</td>
							<td>张丽</td>
							<td>内科</td>
							<td>专家</td>
							<td>80</td>
							<td>80</td>
							<td>80</td>
							<td>1200</td>
							<td>3200</td>
							<td class="last">
								<div>
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox" class="checkAll" />
							</td>
							<td>张丽</td>
							<td>内科</td>
							<td>专家</td>
							<td>80</td>
							<td>80</td>
							<td>80</td>
							<td>1200</td>
							<td>3200</td>
							<td class="last">
								<div>
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox" class="checkAll" />
							</td>
							<td>张丽</td>
							<td>内科</td>
							<td>专家</td>
							<td>80</td>
							<td>80</td>
							<td>80</td>
							<td>1200</td>
							<td>3200</td>
							<td class="last">
								<div>
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<input type="checkbox" class="checkAll" />
							</td>
							<td>张丽</td>
							<td>内科</td>
							<td>专家</td>
							<td>80</td>
							<td>80</td>
							<td>80</td>
							<td>1200</td>
							<td>3200</td>
							<td class="last">
								<div>
									<img src="../../img/chakan.png"/>
									<h1>查看</h1>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<ul class="pagination">
  					<li><a href="#">&laquo;</a></li>
  					<li class="active"><a href="#">1</a></li>
  					<li class="disabled"><a href="#">2</a></li>
  					<li><a href="#">3</a></li>
  					<li><a href="#">4</a></li>
  					<li><a href="#">5</a></li>
  					<li><a href="#">&raquo;</a></li>
				</ul>
				</div>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript">
	$(function(){
		$('.last div').hover(function(){
			$(this).children('h1').show();
		},function(){
			$(this).children('h1').hide();
		});
		
		$('.pagination li').click(function(){
			$(this).addClass('active').siblings('li').removeClass('active');
		});
		
		$('.checkBtn').on("click",function(){
        	
        	$(".checkAll").each(function(){
        		if($(this).prop('checked')==true){
        			$(this).prop("checked",false);
        		}else{
        			$(this).prop("checked",true);
        		}
        	});
        	
        });
	});
	
	
</script>